<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<script type="text/javascript">
		//<![CDATA[
		//debe usarse los \\:  en lugar de : en los selectores de JQuery
		$(document).ready(function() {
		});
		//]]>
	</script>
</h:head>
<h:body>
	<h:form id="form_contact_data">
		<h:outputLabel value="#{i18n['lbl.owner.contact_data.title']}" />

		<div class="clearfix common-panel">
			<div class="ui-form-row-2col clearfix">
				<div class="ui-form-col">
					<h:outputLabel value="#{i18n['lbl.owner.contact_data.phone']}:" />
					<p:inputText value="#{ruatBean.firstName}" />
				</div>
				<div class="ui-form-col">
					<h:outputLabel value="#{i18n['lbl.owner.contact_data.cell']}:" />
					<p:inputText value="#{ruatBean.firstName}" />
				</div>
			</div>
			<div class="ui-form-row-2col clearfix">
				<div class="ui-form-col">
					<h:outputLabel value="#{i18n['lbl.owner.contact_data.email']}:" />
					<p:inputText value="#{ruatBean.firstName}" />
				</div>
				<div class="ui-form-col">
					<h:outputLabel value="#{i18n['lbl.owner.contact_data.address']}:" />
					<p:inputText value="#{ruatBean.firstName}" />
				</div>
			</div>
			<div class="ui-form-row-3col clearfix">
				<div class="ui-form-col">
					<h:outputLabel value="#{i18n['lbl.owner.contact_data.department']}:" />
					<p:selectOneMenu value="#{ruatBean.educationalLevel}">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>
				</div>
				<div class="ui-form-col">
					<h:outputLabel value="#{i18n['lbl.owner.contact_data.municipality']}:" />
					<p:selectOneMenu value="#{ruatBean.educationalLevel}">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>
				</div>
				<div class="ui-form-col">
					<h:outputLabel value="#{i18n['lbl.owner.contact_data.village']}:" />
					<p:selectOneMenu value="#{ruatBean.educationalLevel}">
					<f:selectItem itemLabel="Select One" itemValue="" />
					<f:selectItem itemLabel="Option 1" itemValue="1" />
					<f:selectItem itemLabel="Option 2" itemValue="2" />
					<f:selectItem itemLabel="Option 3" itemValue="3" />
				</p:selectOneMenu>
				</div>
			</div>
		</div>

		<div class="buttons-container clearfix text-align-right">
			<p:commandButton value="#{i18n['lbl.flow_button.cancel']}"
				styleClass="ui-flowbutton"
				actionListener="#{stepByStepController.saveUserOwnerData}" />
			<p:commandButton value="#{i18n['lbl.flow_button.back']}"
				styleClass="ui-flowbutton"
				actionListener="#{stepByStepController.saveUserOwnerData}" />
			<p:commandButton value="#{i18n['lbl.flow_button.next']}"
				styleClass="ui-flowbutton"
				actionListener="#{stepByStepController.saveUserOwnerData}" />
		</div>
	</h:form>
</h:body>

</html>